<template>
  <div class="application-icon">
    <div
      style="
        width: 100%;
        height: 100%;
        background: linear-gradient(135deg, #ece9e6, #ffffff);
        display: flex;
        align-items: center;
        justify-content: center;
      "
    >
      <svg
        t="1681395840129"
        class="icon"
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        p-id="30492"
        width="200"
        height="200"
      >
        <path
          d="M76.775946 12.60487h312.222181c42.48269 0 76.775946 33.781416 76.775946 76.775946v317.340577c0 42.48269-34.293256 76.775946-76.775946 76.775946h-312.222181c-42.48269 0-76.775946-33.781416-76.775946-76.775946v-317.340577c0-42.48269 34.293256-76.775946 76.775946-76.775946z"
          fill="#FD4E45"
          p-id="30493"
        ></path>
        <path
          d="M76.775946 550.036493h312.222181c42.48269 0 76.775946 33.781416 76.775946 76.775946v317.340577c0 42.48269-34.293256 76.775946-76.775946 76.775946h-312.222181c-42.48269 0-76.775946-33.781416-76.775946-76.775946v-317.340577c0-42.48269 34.293256-76.775946 76.775946-76.775946z"
          fill="#FF933D"
          p-id="30494"
        ></path>
        <path
          d="M515.422518 231.160397l220.091046-220.091046c14.84335-14.84335 39.923492-14.84335 54.766841 0.51184l222.138404 222.138404c15.355189 15.355189 15.355189 39.923492 0.51184 54.766841l-220.091046 220.091046c-14.84335 14.84335-39.923492 14.84335-54.766841-0.51184l-222.138404-222.138404c-15.355189-14.84335-15.355189-39.923492-0.51184-54.766841z"
          fill="#12BC83"
          p-id="30495"
        ></path>
        <path
          d="M608.065493 550.036493h312.222181c42.48269 0 76.775946 33.781416 76.775946 76.775946v317.340577c0 42.48269-34.293256 76.775946-76.775946 76.775946h-312.222181c-42.48269 0-76.775946-33.781416-76.775946-76.775946v-317.340577c0-42.48269 34.293256-76.775946 76.775946-76.775946z"
          fill="#2C97FE"
          p-id="30496"
        ></path>
      </svg>
    </div>
  </div>
</template>

<script lang="ts" setup></script>

<style scoped lang="scss">
.application-icon {
  --application-icon-size: 0.4rem;
  width: var(--application-icon-size);
  height: var(--application-icon-size);
  font-size: var(--application-icon-size);
  border-radius: 0.08rem;
  overflow: hidden;

  svg {
    height: 0.7em;
    width: 0.7em;

    path {
      stroke-width: 3px;
    }
  }
}
</style>
